@media (max-width: 1860px) {
    header .logo {
        margin-left: 2%;
        /*height: 25px*/
    }

    header .search {
        width: 5%
    }
  header .htel{
  margin-right:0;
  }
    .index_1 .fr .box:hover .t2 {
        font-size: 18px
    }

    .index_1 .fr .box:hover .word {
        width: 80%;
        padding: 0 10%
    }
  header .search{
  margin-right:2%;
  }
}
@media (max-width: 1500px) {
  margin-left: 8.5%;
}
@media (max-width: 1400px) {
  header .pc-nav {

    margin-left: 6.5%;

}
    header .logo{
        height: 40px;
        margin-top: 25px;
    }
}
@media (max-width: 1300px) {
    header .pc-nav {
        margin-left: 6%
    }

    header .pc-nav ul li a {
        margin: 0 12px
    }

    .contact li .fl {
        width: 55%
    }

    .contact li .ditu {
        width: 45%
    }

    .contact li p {
        text-indent: 30px;
        width: 80%
    }

    .foot .foot-bot .fl {
        width: 100%;
        margin-bottom: 20px
    }

    .foot .foot-bot .fr {
        width: 100%;
        text-align: center
    }

    .foot .foot-bot .fr a {
        display: inline-block;
        float: none
    }
    .jiaru .order{
        width: 25%;
    }
    .jiaru form{
        width: 70%;
    }
}

@media (max-width: 1266px) {
    .index_4 .mpic {
        width: 60%;
        height: auto
    }

    .index_4 .mpic img {
        max-width: 100%
    }

    .index_4 .con1 {
        background: #e42126
    }

    .index_4 .fltit {
        display: none
    }

    .index_4 .newsbox {
        width: 60%;
        height: 404px;
        background-size: cover;
        background-position: top center
    }

    .index_4 .rbox {
        width: 34%;
        height: auto;
        padding: 45px 3% 0
    }

    .index_4 .box2 {
        width: 34%;
        padding: 0 3%;
        height: 404px;
        background-size: cover
    }

    .index_4 .newsbox .more .mbtn {
        left: 5%
    }
}

@media (max-width: 1230px) {
    .index_6 .fl, .index_6 .fr {
        width: 33.33%
    }

    .index_6 .fr {
        margin-left: 0
    }
    .jiaru .order{
        display: none;
    }
    .jiaru form{
        width: 100%;
        padding: 0;
    }
}
@media (max-width: 1210px){
    .foot .foot-top .fnav > ul > li{
        margin-right: 10%;
    }
    .foot .foot-top .ftopr .ftoprbox{
        padding-left: 0;
    }
}
@media (max-width: 1200px) {
    .index_2 .box dl, .index_2 .con, .more2 {
        display: none
    }

    /*.foot .foot-top .fnav a {*/
        /*padding: 0 30px*/
    /*}*/

    .index_2 .box {
        width: 100%;
        height: auto;
        border: 0;
        padding: 0;
        background: 0
    }

    .index_2 .box .tit {
        font-size: 26px;
        text-align: center;
        line-height: 84px
    }

    .index_2 .box .tit em {
        margin: 0 auto;
        width: 34px;
        height: 2px
    }

    .index_2 .box h3 {
        font-size: 30px;
        color: #000;
        line-height: normal;
        text-align: center;
        margin-top: 20px
    }

    .index_2 .box form {
        width: 100%;
        margin-top: 20px
    }

    .index_2 .box form .text {
        width: 92%;
        padding-left: 0;
        text-indent: 15px
    }

    .index_2 .box form .button {
        width: 6%
    }

    .index_2 {
        height: auto
    }

    .index .index-mob-scroll .pagination, .index .mobile-scroll .pagination {
        text-align: center;
        margin-top: 20px
    }

    .index .mobile-scroll .swiper-pagination-bullet, .index .mobile-scroll .swiper-pagination-switch {
        float: inherit;
        display: inline-block !important;
        width: 8px !important;
        height: 8px !important;
        border-radius: 8px !important;
        background: #dcdcdc !important;
        margin: 3px 6.5px !important;
        opacity: .8 !important;
        border: 3px solid transparent !important;
        cursor: pointer !important;
        -webkit-transition: all .44s ease 0s !important;
        transition: all .44s ease 0s !important
    }

    .index .mobile-scroll .swiper-pagination-bullet-active, .index .mobile-scroll .swiper-visible-switch {
        background: #fff !important;
        width: 8px !important;
        height: 8px !important;
        margin: 3px 6.5px !important;
        border: 3px solid #e50012 !important
    }

    .index .index-mob-scroll .swiper-pagination-bullet, .index .index-mob-scroll .swiper-pagination-switch {
        float: inherit;
        display: inline-block !important;
        width: 8px !important;
        height: 8px !important;
        border-radius: 8px !important;
        background: #dcdcdc !important;
        margin: 3px 6.5px !important;
        opacity: .8 !important;
        border: 3px solid transparent !important;
        cursor: pointer !important;
        -webkit-transition: all .44s ease 0s !important;
        transition: all .44s ease 0s !important
    }

    .index .index-mob-scroll .swiper-pagination-bullet-active, .index .index-mob-scroll .swiper-visible-switch {
        background: #fff !important;
        width: 8px !important;
        height: 8px !important;
        margin: 3px 6.5px !important;
        border: 3px solid #e50012 !important
    }

    .index .mobile-scroll {
        display: block;
        overflow: hidden;
        margin-top: 30px
    }

    .index .mobile-scroll ul {
        width: 100%
    }

    .index .mobile-scroll ul li a {
        display: block;
        height: auto
    }

    .index .mobile-scroll ul li a .img {
        float: left;
        width: 100%;
        overflow: hidden
    }

    .index .mobile-scroll ul li a .img img {
        display: block;
        float: left;
        width: 100%;
        transition: all .5s ease;
        -webkit-transition: all .5s ease
    }

    .index_2 .box {
        margin-bottom: 0
    }

    .index_1 .fl {
        width: 100%;
        margin-top: 0;
        float: none;
        text-align: center
    }

    .index_1 {
        padding: 40px 0 0
    }

    .picshow .slick-list {
        padding-bottom: 0
    }

    .index_1 .fr {
        display: none
    }

    .index_1 .godsimg img {
        max-width: 100%
    }

    .index_1s {
        min-width: auto
    }

    .index .index-mob-scroll {
        display: block;
        overflow: hidden;
        margin-top: 30px
    }

    .index .index-mob-scroll ul {
        width: 100%
    }

    .index .index-mob-scroll ul li .godsimg {
        float: left;
        width: 100% !important;
        overflow: hidden
    }

    .index .index-mob-scroll ul li .godsimg img {
        display: block;
        float: left;
        width: 100%;
        transition: all .5s ease;
        -webkit-transition: all .5s ease
    }

    .index .index-mob-scroll ul li .godsimg .word {
        position: absolute;
        left: 0;
        top: 45%;
        bottom: 0;
        width: 95%;
        text-align: center;
        color: #FFF;
        padding: 0 2.5% 40px;
        transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -ms-transition: all .5s
    }

    .index .index-mob-scroll ul li .godsimg .word .t1, .index .index-mob-scroll ul li .godsimg .word .t2 {
        text-transform: uppercase;
        text-align: center;
        text-indent: 0;
        font-size: 26px
    }

    .index_1s .fl h3, .index_1s .fl h3 em {
        font-size: 26px !important
    }

    .index_3 .top {
        padding: 0 0 20px
    }

    .index_4 .tit {
        font-size: 26px;
        line-height: 100px
    }

    .index_4 .rbox h3 img, .index_4 .tit img {
        height: 26px
    }

    .index_4 .box p {
        font-size: 20px;
        padding-top: 58px
    }

    .index_4 .box p em {
        font-size: 16px;
        margin-top: 10px
    }

    #products .conLeft {
        display: none
    }

    #products .conRight {
        width: 100%
    }
    .foot .foot-top .fnav > ul > li{
        margin-right: 10%;
    }

    .index_pro .top .tit,.index_pro .top .catefloat{
        width: 100%;
        float: none;
    }

    .index_pro .top .catefloat a{
        display: inline-block;
        float:left;
        margin-left: 0;
        margin-right: 30px;
        padding-left: 0;
    }
    .index_pro .top .catefloat a:hover:before{
        display: none;
    }
    .index_pro .top .catefloat a:hover{
        padding-left: 0;
    }
    .index_pro .top .catefloat{
        text-align: center;
    }
}

@media (max-width: 1140px) {
    .m-navwrap, .m-navwrap li, .m-navwrap ul {
        width: 100%
    }
  header .htel{
  margin-right:40px;
  }
    .foot .foot-bot, .foot .foot-top .fnav, .index_3 .tit, .index_3 .top ul, .index_4 .rbox {
        text-align: center
    }

    header {
        height: 60px
    }

    header .pc-nav {
        display: none
    }

    header .m-nav {
        display: block
    }

    header .m-nav .nav-ico {
        display: block;
        position: absolute;
        right: 2.5%;
        top: 18px;
        cursor: pointer
    }

    header .search {
        display: none
    }

    header .language {
        margin-right: 100px;
        margin-top: 18px;
        display: none
    }

    header .logo {
        height: 25px;
        margin-top: 19px;
        margin-left: 2.5%
    }
    .jiaru form li .text, .jiaru form li textarea{
        width: 60%;
    }
    .jiaru form ul {
        width: 95%;
    }
    .m-navwrap {
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 9999;
        background: #fff;
        overflow: hidden;
        border-top: 1px solid #e5e5e5;
        -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 5px 5px 10px rgba(0, 0, 0, .2)
    }

    .m-navwrap .mlanguage {
        font-size: 15px;
        margin-right: 10px;
        transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -webkit-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        line-height: 46px
    }

    .m-navwrap .tit {
        display: block;
        width: 78%;
        padding: 0 17% 0 5%;
        height: 46px;
        line-height: 46px;
        font-size: 15px;
        color: #d43f3a;
        background: url(../images/arrow2.png) 92% center no-repeat #FFF;
        background-size: auto 22%;
        cursor: pointer;
        border-right: 1px solid #035cac
    }

    .m-navwrap .tit a {
        color: #d92129;
        display: block
    }

    .m-navwrap .tit a:hover {
        color: #000
    }

    .m-navwrap li {
        border-bottom: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5
    }

    .m-navwrap .sub-box {
        width: 100%;
        background-color: #c9302c;
        display: none
    }

    .m-navwrap .sub-box a {
        display: block;
        width: 78%;
        padding: 0 17.4% 0 5.9%;
        height: 34px;
        line-height: 34px;
        border-top: 1px solid #fff;
        color: #fff;
        font-size: 13px
    }

    .m-navwrap .sub-box a:hover {
        background-color: #d43f3a
    }

    .slick-slider {
        margin-top: 60px
    }

    /*.foot .foot-top .fnav {*/
        /*width: 100%;*/
        /*float: none*/
    /*}*/

    /*.foot .foot-top .fnav a {*/
        /*display: inline-block;*/
        /*margin-bottom: 10px;*/
        /*padding: 0;*/
        /*width: 14.28%*/
    /*}*/

    .foot .foot-top .logo {
        float: none;
        margin: 0 auto;
        display: block
    }

    .foot .foot-top {
        padding: 40px 0 30px
    }

    .foot .foot-top .fnav a::before {
        display: none
    }

    .foot .foot-top .fnav a:hover .word {
        margin-top: 0
    }

    .index_6 .fl {
        width: 100%;
        margin-bottom: 20px
    }

    .index_6 .fr {
        width: 50%
    }

    .index_6 .fr .con {
        border-top: 0;
        margin-top: 0
    }

    .index_3 .swiper6 {
        display: block
    }

    .index_3 .proswiper {
        display: none !important
    }

    .index_3 .pcchange {
        display: none
    }

    .index_3 .mobchange {
        display: block
    }

    .index_3box .pic img {
        margin: 0 auto;
        display: block;
        max-width: 100%
    }

    .index_3 .tit {
        font-size: 26px;
        float: none;
        margin-bottom: 20px
    }

    .index_3 .top ul {
        float: none
    }

    .index_3 .top ul li {
        float: left;
        display: inline-block;
        width: 45%;
        margin: 0 2.5%;
        padding: 0;
        font-size: 14px
    }

    .index_3 .con .swiper-slide {
        margin: 0
    }

    .index_4 .mpic, .index_4 .mpic img {
        width: 100%
    }

    .index_4 .rbox {
        width: 90%;
        height: auto;
        padding: 45px 5%
    }

    .index_4 .rbox .m {
        float: none !important
    }

    .index_4 .rbox p {
        height: auto
    }

    .index_4 .newsbox ul li h4 {
        font-size: 14px
    }

    .index_4 .newsbox ul li .desc {
        margin: 20px 0
    }

    .index_4 .newsbox {
        width: 100%;
        height: auto;
        background: #fff;
        padding-bottom: 50px
    }

    .index_4 .newsbox ul {
        width: 90%;
        margin: 20px 5%
    }

    .index_4 .newsbox .more {
        display: block
    }

    .index_4 .newsbox .more .mbtn {
        bottom: 0;
        left: 50%;
        margin-left: -65px
    }

    .index_4 .box2 {
        width: 90%;
        padding: 0 5%;
        margin-top: 50px;
        height: 300px
    }

    .index_4 .newsbox ul li a {
        padding-right: 0
    }

    .index_4 .newsbox ul li {
        width: 100%;
        text-align: center;
        padding: 29px 0
    }

    .contact li .fl .flcon, .news .caselist li .word .wordbox {
        padding-bottom: 50px
    }

    .inbanner {
        margin-top: 60px
    }

    .zoujin_con .honor-list li {
        width: 50%
    }

    .contact li .ditu, .contact li .fl, .news .caselist li .word {
        width: 100%
    }

    .contact li p {
        float: left
    }

    .news .caselist li .pic {
        width: 100%;
        height: auto
    }

    .news .caselist li p, .newslist li p {
        height: 0
    }

    .newslist li .box {
        padding-bottom: 25px
    }

    .newslist li {
        height: auto
    }
    header .htel{
        position: absolute;
        right: 2%;
        background: url("../images/htel2.png") center center no-repeat;
        background-size: 25px;
    }
    header .htel:hover:after{
        display: none;
    }
    .index_about{
        padding: 70px 0;
        height: auto;
    }
    .index_about .iabout2,.index_about .iabout3,.index_about .iabout4{
        margin-top: 70px;
    }
    .index_about .iabout1 .more{
        width: 150px;
    }
    .index_about .iabout1 .text .year span{
        font-size: 50px;
    }
    .index_about .iabout1>.more{
        float: left;
        margin-top: 30px;
    }
    .index_about .iabout4{
        text-align: center;
    }
    .index_about .iabout4 .part{

    }
    .index_about .iabout1 .text{
        width: 100%;
    }
    .index_net .con{
        width: 100%;
        padding-top: 0;
    }
    .index_net{
        padding:50px 0;
        height: auto;
    }
    .index_net .con .more{
        width: 150px;
    }
    .index_join .more{
        width: 150px;
    }
    .index_news .pc{
        display: none;
    }
    .index_news .mob{
        display: block;
    }
    .index_news .newscroll .newsbox img{
        height: auto;
        max-height: none;
    }
    .index_news .newscroll .newsbox{
        width: 100%;
        overflow: hidden;
    }
    .index_news .tit{
        padding-top: 50px;
        margin-bottom: 50px;
    }
    .index_news{
        margin-bottom: 50px;
    }
    .index_news .newscroll .newscon .info{
        width: 70%;
    }
    .foot .foot-top .fnav{
        display: none;
    }
    .foot .foot-top .ftopr{
        width: 100%;
    }
    .index_pro .p4 li{
        width: 50%;
      box-sizing: border-box;
      overflow:hidden;
    }
    .index_pro{
        padding: 50px 0;
    }
    .index_pro .p4{
        margin-top: 50px;
    }
    .index_pro .p4 li{
        margin-bottom: 30px;
    }
    .index_about .iabout4 .part{
        margin-right: 80px;
    }
    .index_pro .p4 li a .name{
        height: 80px;
        line-height: 80px;
    }
    .index_pro .p4 li a:hover .name{
        height: 80px;
        line-height: 80px;
    }
    .news{
        padding: 24px 0 64px;
    }
}

@media (max-width: 768px) {
    .zoujin_con{
        padding:0 30px;
    }
    .jiaru form{
        margin-top: 10px;
    }
    .jiaru form li{
        margin-bottom: 30px;
    }
    .jiaru form li .text2{
        width: 30%!important;
    }
    .jiaru{
        margin: 30px auto;
    }
    .jiaru form ul{
        width: 95%;
    }
    .jiaru form li textarea{
        width: 80%;
    }
    .jiaru form li .text{
        width: 80%;
    }
    .contact li .fl .flcon{
        padding-top: 0;
    }
    .loca ul li.on a {
        color: #d8253c;
        display: block;
        width: 80%;
        margin: 0 auto;
        background: url(../images/l4.jpg) center bottom repeat-x
    }
    .index_5 ul li{
        height: auto;
        margin-bottom: 20px;
    }
    .index_5 ul li p{
        height: auto;
        line-height: inherit;
        font-size: 16px;
    }
    .history-wrap .cent-wrap li {
        width: 94%;
        padding-left: 6%;
        opacity: 1
    }
    .history-wrap .cent-line-box, .history-wrap .cent-wrap li .point {
        left: 0
    }
    .history-wrap .cent-wrap li .img {
        display: none
    }

    .history-wrap .cent-wrap li:nth-child(even) .cont-box, .history-wrap .cent-wrap li:nth-child(odd) .cont-box {
        text-align: left
    }

    .history-wrap .cent-wrap li:nth-child(even) .cont-box {
        float: left;
        width: 96%;
        margin-right: 0
    }

    .history-wrap .cent-line-box .point-h {
        background: 0 0
    }

    .history-wrap .cent-wrap li .cont-box {
        width: 96%
    }

    .history-wrap .cent-wrap li:nth-child(odd) .cont-box {
        margin-left: 0
    }

    .history-wrap .cent-wrap li .point i {
        display: inline-block
    }

    .site-nav-intern .blue {
        background: #1d5bbb
    }

    .history-wrap .tit-box h4 {
        font-size: 30px
    }

    .history-wrap .cent-wrap {
        margin-top: 30px
    }
    .history-wrap .cent-wrap li{
        margin-top: 30px;
    }
    .history-wrap .cent-line-box, .history-wrap .cent-wrap li .point {
        left: 0
    }
    .history-wrap {
        padding-top: 0px
    }
    .history-wrap .cent-wrap li .year{
        font-size: 26px;
    }
    .history-wrap .cent-wrap li .word{
        font-size: 16px;
    }
    .null{
        margin-top: 30px!important;
    }
    .index_5 ul li p em{
        font-size: 26px;
    }
    .contact li .p1, .service h1 {
        text-align: center
    }

    header .logo {
        /*height: 20px;*/
        /*margin-top: 21px*/
    }

    .foot .foot-top .fnav a {
        width: 25%;
        font-size: 14px
    }

    .index_6 .fr {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .index_6 .mob {
        display: block
    }

    #download .downbox .time, .index_6 .pc, .loca dl {
        display: none
    }

    .index_5 ul li {
        width: 33.33%
    }

    .index_5 {
        padding: 10px 0 30px
    }

    .index_5 ul {
        padding-top: 30px
    }

    .index_5 .tit {
        font-size: 26px
    }

    /*.index_5 ul li p em {*/
        /*font-size: 34px*/
    /*}*/

    .index_2 .box form .text {
        width: 88%
    }

    .index_2 .box form .button {
        width: 12%
    }

    .index_2 .box h3 {
        font-size: 20px
    }

    .index_3box .pic {
        height: auto
    }

    .index_3box .word:hover .p2 {
        font-size: 16px
    }

    .index_3box:hover .word {
        width: 90%;
        padding: 0 5%
    }

    .index_3box .word .p2 {
        width: 90%;
        margin: 0 auto
    }

    .loca ul {
        float: none;
        text-align: center;
    }

    .loca ul li {
        line-height: 50px;
        margin: 0 2%;
        width: 29%;
    }

    .zoujin_con .tit {
        font-size: 26px
    }

    .zoujin_con .word p {
        padding: 0
    }

    .zoujin_con .index_5 {
        padding: 20px 0 10px
    }

    .zoujin_con .m-t50 {
        margin-top: 40px
    }

    .contact li p{
        text-indent: 0;
    }

    .contact li .p1 {
        height: auto;
        font-size: 26px
    }
    .nt_con .box{
        padding-top: 0;
    }
    .nt_con .box{
        padding: 0px 20px;
    }
    .zoujin_con .honor-list li{
        width: 100%;
    }
    #download .downbox span {
        width: 33.33% !important
    }

    .service .serbot .fl {
        width: 100%;
        margin-bottom: 20px
    }

    .service .serbot {
        margin-top: 30px
    }

    .newslist {
        width: 100%
    }

    .newslist li {
        width: 100%;
        margin-right: 0
    }

    .shop .shop_con a {
        background: #fff;
        width: 90%;
        padding: 5%
    }

    .shop .shop_con {
        background: 0
    }

    #products .product > li {
        width: 100%
    }

    .m_pro_select {
        display: block;
        width: 100%;
        height: 55px;
        font-size: 15px;
        position: relative;
        z-index: 30
    }

    .m_pro_select li.hid, .mobloca {
        display: none
    }

    .m_pro_select .show {
        height: 55px;
        line-height: 54px;
        background: #d82128;
        color: #fff
    }

    .m_pro_select ul {
        position: absolute;
        width: 100%;
        top: 55px;
        left: 0;
        cursor: pointer;
        display: none;
        -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 5px 5px 10px rgba(0, 0, 0, .2)
    }

    .m_pro_select li {
        height: 55px;
        line-height: 54px;
        background: #fff;
        color: #d82128;
        float: none
    }

    .m_pro_select li p {
        border-bottom: 1px solid #81bde5;
        padding: 0 4%
    }

    .m_pro_select li a {
        display: block;
        color: #d82128;
        padding: 0 4%
    }

    .m_pro_select li a:hover {
        background: #d82128;
        color: #fff
    }

    .m_pro_select i {
        width: 22px;
        height: 13px;
        background: url(../images/arrow.png) no-repeat;
        background-size: 100%;
        float: right;
        margin-top: 20px
    }

    .m_pro_search {
        background: #f1f1f1;
        margin: 0 auto;
        padding: 20px 0;
        display: block
    }

    .m_pro_search form {
        height: 40px;
        background: #fff;
        border: 1px solid #ddd;
        margin: 0 auto;
        width: 95%
    }

    .m_pro_search form input[type=text] {
        outline: 0;
        float: left;
        height: 40px;
        line-height: 40px;
        width: 80%;
        border: 0;
        text-indent: 20px;
        font-size: 16px;
        background: 0;
        color: #333;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: 20px
    }

    .m_pro_search form input[type=submit] {
        width: 20%;
        float: left;
        height: 40px;
        line-height: 40px;
        background: url(../images/fdj.png) center center no-repeat
    }

    #product-view .container .tagtit {
        float: none;
        width: 90%;
        padding: 30px 5%
    }

    #product-view .container .tagtit a {
        display: inline-block !important;
        width: 24%;
        height: 20px;
        line-height: 20px;
        margin: 0 auto 10px
    }

    #product-view .container .tagcon {
        margin: 0 auto 20px;
        float: none
    }

    #product-view .model .title {
        padding: 10px 0
    }

    .msearch {
        display: none
    }
    .index_about .iabout1 .text .con{
        border-left: none;
        padding-left: 0;
        margin-left: 0;
    }
    .index_about{
        padding:30px 0;
    }
    .index_about .iabout1 .text .con span{
        display: block;
    }
    .index_about .iabout1 .text .year,.index_about .iabout1 .text .con{
        width: 100%;
        text-align: center;
        float: none;
    }
    .index_about .iabout1 .text .year span{
        display: inline-block;
    }
    .index_about .iabout1 .text .con{
        text-align: center;
    }
    .index_about .iabout1 .text .con span{
        font-size: 16px;
    }
    .index_about .iabout1 .more{
        display: block;
        margin: 30px auto 0;
        float: inherit;
        border-radius: 30px;
        height: 48px;
        line-height: 48px;
    }
    .index_about .iabout1 .fl{
        float: none;
    }
    .index_about .iabout2 p{
        font-size: 16px;

    }
    .index_about .iabout2{
        font-size: 26px;
        text-align: center;
    }
    .index_about .iabout2, .index_about .iabout3, .index_about .iabout4{
        margin-top: 30px;
    }
    .index_about .iabout3{
        text-align: center;
    }
    .index_about .iabout4 .part{
        width: 30%;
        margin:0 1.65%;
    }
    .index_about .iabout4 .part .img{
        width: 50px;
        height: 50px;
        float: none;
        margin: 0 auto;
    }
    .index_about .iabout4 .part .ic1,.index_about .iabout4 .part .ic2,.index_about .iabout4 .part .ic3{
        background-size: 30px;
    }
    .index_about .iabout4 .part .text{
        margin:0 auto;
        text-align: center;
        float: none;
    }
    .index_about .iabout1 .text .con .com{
        font-size: 26px;
    }
    .index_about .iabout1 .text .year{
        font-size: 16px;
    }
    .index_about .iabout1 .text .year span{
        font-size: 36px;
    }
    .index_net .con{
        text-align: center;
    }
    .index_net .con .en{
        font-size: 16px;
    }
    .index_net .con .c1{
        font-size: 26px;
    }
    .index_net .con .line{
        width: 70%;
        float: none;
        margin: 0 auto;
    }
    .index_net .con .word{
        margin: 30px auto;
    }
    .index_net .con .more,.index_join .more{
        display: block;
        margin: 30px auto 0;
        float: none;
        border-radius: 30px;
        height: 48px;
        line-height: 48px;
    }
    .index_join{
        height: auto;
        padding:30px 0 ;
    }
    .index_join p{
        font-size: 26px;
    }
    .index_join .en{
        font-size: 16px;
    }
    .index_news .tit{
        font-size: 26px;
    }
    .index_news .tit .en{
        font-size: 16px;
    }
    .index_news .newscroll .newscon .info{
        width: 60%;
    }
    .index_news .newscroll .newscon .date {
        width: 80px;
        height: 80px;
        overflow: hidden;
        border: 2px solid #dc141a;
        margin-right: 2px;
    }
    .index_news .newscroll .newscon .date p{
        margin-top: 10px;
    }
    .index_news .newscroll .newscon .date p.day{
        margin-top: 0;
    }
    .index_news .newscroll .newscon .date .date-con{
        padding:0px 0;
        border: 0;
    }
    .index_news .newscroll .newscon:hover .date{
        border: 2px solid #dc141a;
    }
    .index_news .newscroll .pagination{
        margin-top: 30px;
    }
    .index_about .iabout1 .text .con .short,.index_about .iabout3,.index_net .con .word,.index_news .newscroll .newscon .info .short{
        font-size: 14px;
    }
    .index_news .tit {
        padding-top: 30px;
        margin-bottom: 30px;
    }
    .index_news .newscroll .newsbox .more{
        margin-top: 30px;
    }
    .index_news{
        margin-bottom: 30px;
    }
    .index_net{
        padding:30px 0;
    }
    .foot .foot-top .ftopr .text{
        margin-bottom: 30px;
    }
    .foot .foot-top .ftopr .top{
        top: 70%;
    }
    .foot .foot-top .ftopr .text .email{
        display: block;
    }
    .foot .foot-top .ftopr .text{
        font-size: 14px;
    }
    .index_pro .top .tit{
        width: 100%;
        float: none;
        text-align: center;
    }
    .index_pro{
        padding:30px 0;
    }
    .index_pro .top .tit h1{
        font-size: 26px;
    }
    .index_pro .top .tit span{
        font-size: 16px;
    }

    .index_pro .p4 li a .img{
        padding:20px 0;
    }
    .index_pro .p4 li a .name{
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }
    .index_pro .p4 li a:hover .name{
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .index_pro .top .catefloat a{
        font-size: 14px;
        margin:0 2.5%;
        float: left;
        width: 45%;
    }
    .index_pro .top .catefloat{
        float: none;
        width: 100%;
    }
    .nt_con .box,.nt_con .nt_conr{
        width: 90%;
        padding:0 5%;
    }
    .nt_con .box{
        border-right:0px;
    }
    .nt_con .nt_conr{
        padding-top: 10px;
        margin-top: 30px;
        border-top: 1px solid #ddd;
    }
    .nt_con .tit{
        line-height: inherit;
    }
    .nt_con .box h4{
        padding-top: 13px;
    }
    .nt_con .tit{
        padding-bottom: 18px;
    }
    .contact{
        padding-top: 0px;
    }
    .zoujin_con .network > p{
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    .index_3box {
        height: 400px
    }
}